<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.p1{
				color: red;
				font-size: 30px;
				font-family: "agency fb";
				/*这个用来指定斜体*/
				font-style: oblique;
				/*
				字体加粗 数值范围 100-900之间的 9个值
				但是由于用户的计算机中没有这么多级别的字体，
				所以不能达到我们想要的效果。
				200有可能比100粗，也有可能一样。
				*/
				font-weight: 900;
				/*
				设置小型大写字母
				*/
				font-variant: small-caps;
			}
			
			.p2{
				/*设置一个文字大小*/
				font-size: 50px;
				font-family: "mv boli";
				font-style: initial;
				font-weight: bold;
				font-variant: small-caps;
			}
			
			/*
			要求文字的大小和字体必须写，而且字体必须是“最后一个”，大小必须是“倒数第二个”。
			剩下的可以不写，可以不管顺序。
			实际使用中，这样写性能更好。
			*/
			.p3{
				font: small-caps bold italic 30px "mv boli";
			}
		</style>
	</head>
	<body>
		<p class="p1">我是一段文字abcDEF</p>
		<p class="p2">我是一段文字abcDEF</p>
		<p class="p3">我是一段文字abcDEF，最简单的设置方法</p>
	</body>
</html>
